import { View, Text, Button } from "@tarojs/components";
import Taro, { useLoad, navigateTo } from "@tarojs/taro";
import "./index.scss";

export default function Home() {
  useLoad(() => {
    console.log("Page loaded.");
  });

  return (
    <View className='home'>
      <Text>Hello world!</Text>

      {/* 主动触发一些错误 */}
      <Button
        onClick={() => {
          throw new Error("我错了");
        }}
      >
        触发 Error
      </Button>

      {/* 验证全局的 Promise 的 rejected 状态的错误捕获 */}
      <Button
        onClick={() => {
          new Promise((resolve, reject) => {
            setTimeout(() => {
              reject("1000ms 太久了");
            }, 1000);
          }).then(() => {
            console.log(".then");
          });
        }}
      >
        触发 Promise
      </Button>

      <Button
        onClick={() => {
          // 从 @tarojs/taro 包中 默认导出 Taro
          //    Taro.navigateTo
          // 从 @tarojs/taro 包中 具名导出 navigateTo
          //    navigateTo
          navigateTo({
            url: "/pages/abcd/index",
          });
        }}
      >
        跳转 404
      </Button>
    </View>
  );
}
